<template>
  <grid-view>
    <goods-list-item v-for="item in categoryDetail" :key="item.iid" :goodsItem="item"></goods-list-item>
  </grid-view>
</template>

<script>
  import GridView from '../../../components/common/girdVIew/GridView.vue'
  import GoodsListItem from '../../../components/content/goods/GoodsListItem'

  export default {
    name: "TabContentDetail",
    components: {
      GridView,
      GoodsListItem
    },
    props: {
      categoryDetail: {
        type: Array,
        default() {
          return []
        }
      }
    }
  }
</script>

<style scoped>
.good-item{
  width: 121px !important;
  height: 210px;
  margin-bottom: 40px;
}
</style>
